<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
	
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
		
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
		<title>vw+vh布局</title>
	</head>
	<body>
		<div class="zhuti">
		<div class="kaishi">
			<a  class="fan"><img class="fan2" src="img/fanhui@2x.png"/></a>
			<p>登入</p>
		</div>
		<div class="logo">
			<img src="img/logo@2x.png"/>
		</div>
		<div class="div">
			<input type="text" value="" placeholder="输入账号"/><br />
			<input type="text" name="" id="" value="" placeholder="输入密码"/>
			<div>
				<button class="wangji">忘记密码</button>
				<button class="zhu1">立刻注册</button>
			</div>
			<button>登录</button>
		</div>
	</div>
	</body>
	<script type="text/javascript">
		window.onload=function(){
		var wangji=document.getElementsByClassName("wangji")[0];
		var zhu1=document.getElementsByClassName("zhu1")[0];
		var fan=document.getElementsByClassName("fan")[0];
		fan.onclick=function(){
			location.href="index.html"
		}
		wangji.onclick=function(){
			location.href="忘记密码.html"
		}
		zhu1.onclick=function(){
			location.href="注册.html"
		}
		}
		
	</script>
	

</html>
	<script src="js/flexible_simplify.js" type="text/javascript"></script>